
$(function() {
	//将要添加的代码注释后存在变量里
	var str = (function() {/*<div class="ph_pp ">
		            		<div class="ph_top_font ">安顺学院MTMDK，为你提供一流的体验</div>
							<div class="ph_center_but ">
								<h3>大学</h3>
								<div class="ph_center_but_1 ">
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
								</div>
								<div class="ph_center_but_2 ">
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
								</div>
								<div class="ph_center_but_3 ">
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
								</div>
							</div>
							<div class="ph_center_but ">
								<h3>升学/择业</h3>
								<div class="ph_center_but_1 ">
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
								</div>
								<div class="ph_center_but_2 ">
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
									<span><a href="# ">国家精品</a></span>
								</div>
							</div></div>*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
	//重写popover方法将指定代码添加到popover中
	$(".ph_popover").popover({
		trigger: 'manual',
		html: true,
		content: str,
	}).on("mouseenter", () => {
		$(".ph_popover").addClass("ph_popover_color");
		//小三角形的动画效果，顺时针旋转180度
		$(".ph_top_box").css("transform", "rotate(180deg)");
		//展开popover
		$(".ph_popover").popover("show");

//改变抚摸元素的背景色和字体颜色
$(".ph_center_but span").hover(function() {
				$(this).css("background-color", "#E5F9EE");
				$(this).find("a").css("color", "#00C758");
			}, function() {
				$(this).css("background-color", "#E6E7EB");
				$(this).find("a").css("color", "black");
			});
			//鼠标离开触摸元素触发事件
		$(".ph_pp").on("mouseleave", () => {
			$(".ph_popover").removeClass("ph_popover_color");
			$(".ph_popover").popover('hide');
			$(".ph_top_box").css("transform", "rotate(0deg)");
		});
	}).on("mouseleave", () => {
		setTimeout(() => {
			if(!$(".popover:hover").length) {
				$(".ph_popover").removeClass("ph_popover_color");
				$(".ph_popover").popover("hide");
				$(".ph_top_box").css("transform", "rotate(0deg)");
			}
		}, 100);
	});
	
	
});